<!DOCTYPE>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<style type="text/css">
	.one{
		width:800px;
    	height:620px;
    	background:#E0E0E0;
    	position:absolute;
    	left:120px;
	}
	.content{
	    width: 800px;
	    height: 40px;
	    background: #e7f3f3;
	    line-height: 40px;
	    text-align: center;
	}
	span{
		font-size:20px;
		margin-top:10px;
		background: #c1dbfc;
		width: 100px;
		height:25px;
		text-align: center;
		line-height: 25px;
		border: 1px solid #ccc;
		display: inline-block;  /*将行内元素转换为行内块元素*/
	}
	input{
		height:20px;
	}
	.err{
		align:center;
		color:red;
	}
</style>
<meta charset="UTF-8">
<title>查询计划</title>
</head>
<body>
	<div class="one">
		<div class="content">
			<h2>输入查询信息</h2>
		</div>
		<div align="center">
			<form th:action="@{/staff/listPlan}">
			<table>
				<tr></tr>
				<tr>
					<td><span>计划名称</span></td>
					<td><input name="plan_name" type="text" th:value="${plan.plan_name}"></td>
				</tr>
				<tr>
					<td><span>所属任务</span></td>
					<td>
						<select name="task_id">
							<option  th:each="task : ${tasks}" th:value="${task.id}" th:text="${task.task_name}" th:selected="${plan.task_id==task.id}"></option>
						</select>
					</td>
				</tr>
				<tr>
					<td><span>开始时间</span></td>
					<td><input name="begin_date_begin" type="date" th:value="${plan.plan_begin_date}"></td>
				</tr>
				<tr>
					<td><span>结束时间</span></td>
					<td><input name="end_date_end" type="date" th:value="${plan.plan_end_date}"></td>
				</tr>
				<tr>
					<td><span>是否反馈</span></td>
					<td>
						<select name="feedback">
							<option value="" selected="selected"></option>
							<option value="未反馈" th:selected="${plan.feedback=='未反馈'}">未反馈</option>
							<option value="已反馈" th:selected="${plan.feedback=='已反馈'}">已反馈</option>
						</select>
					</td>
				</tr>
				<tr align="center">
					<td colspan="2"><input type="submit" value="查询"></td>
				</tr>
			</table>
			</form>
			<table border="1" cellspacing="0">
				<tr>
					<th>计划名称</th>
					<th>任务ID</th>
					<th>开始时间</th>
					<th>结束时间</th>
					<th>反馈信息</th>
				</tr>
				<tr th:each="plan : ${plans}">
					<td th:text="${plan.plan_name}"></td>
					<td th:text="${plan.task_id}"></td>
					<td th:text="${plan.plan_begin_date}"></td>
					<td th:text="${plan.plan_end_date}"></td>
					<td th:text="${plan.feedback }"></td>
					</tr>
			</table>
			<div class="err">[[${err}]]</div>
		</div>
	</div>
</body>
</html>
